.content {
    width: 375px;
    height: 667px;
    background: #f5f5f5;
    border: 1px solid #f5f5f5;
    .title {
        position: relative;
        > div {
            position: absolute;
            left: 163px; 
            top: 31px;
            color: #212121;
            font-size: 16px;     
        }
    }
    .mid {
        position: relative;
        width: 351px;
        height: 123px;
        margin: 12px auto 16px;
        .card {
            display: flex;
            padding-top: 22px;
            padding-left: 26px;
            color: #fff;
            > div:first-child{
                margin-right: 24px;
                display: flex;
                align-items: baseline;
                > div:last-child{
                    font-size: 30px;
                    font-weight: bold;
                    height: 34px;
                    display: block;
                    overflow: hidden;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                }
            }
            > div:last-child {
                >div:first-child{
                    font-weight: bold
                }
                >div:last-child {
                    font-size: 12px;
                    font-weight: 500;
                }
            }
        }
        .time {
            padding: 20px 0 0 24px;
            color: #fff
        }
    }
    .foot {
        background: #fff;
        >div:nth-child(1) {
            padding: 8px 16px 8px 0;
            border-bottom: 1px solid #e8e8e8;
            margin-left: 16px;
            color:#212121;
        }
        > div:nth-child(2) {
            min-height: 84px;
            padding: 8px 16px;
            word-break: break-all;
        }
    }
}
